import 'package:flutter/material.dart';

class MyListView extends StatelessWidget {
  MyListView({super.key});
  final List nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
  @override
  Widget build(BuildContext context) {
    return ListView(
      // children: const [
      //   ListTile(
      //     title: Text('ListTile 1'),
      //   ),
      //   ListTile(
      //     title: Text('ListTile 2'),
      //   ),
      //   ListTile(
      //     title: Text('ListTile 3'),
      //   ),
      //   ListTile(
      //     title: Text('ListTile 4'),
      //   ),
      //   ListTile(
      //     title: Text('ListTile 5'),
      //   ),
      //   ListTile(
      //     title: Text('ListTile 6'),
      //   ),
      //   ListTile(
      //     title: Text('ListTile 7'),
      //   ),
      // ],
      physics: const BouncingScrollPhysics(),
      children: nums
          .map((item) => Container(
                height: 100,
                color: Colors.primaries[item % Colors.primaries.length],
                margin: const EdgeInsets.all(5),
                child: Text(item.toString()),
              ))
          .toList(),

      // children: [
      //   Container(
      //     height: 100,
      //     color: Colors.red,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.orange,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.yellow,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.green,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.blue,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.purple,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.pink,
      //   ),
      //   Container(
      //     height: 100,
      //     color: Colors.brown,
      //   ),
      // ],
    );
  }
}
